<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:f="http://java.sun.com/jsf/core">

<f:view>
	<h:head>
	
		<script type="text/javascript"
			src="${facesContext.externalContext.requestContextPath}/views/scripts/jquery.js"></script>

		<style type="text/css" title="currentStyle">
			@import "${facesContext.externalContext.requestContextPath}/views/css/home1.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/app.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/reset.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/text.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/960.css";
			@import "${facesContext.externalContext.requestContextPath}/views/css/uni_form.css";
		</style>
			
		
		<script type="text/javascript">
			$(document).ready(function() {
				
				
			});
		</script>
	</h:head>
	<h:body class="team">
		<ui:include src="../header.xhtml" />
		<br />
		<br />
		<br />
		<h:form>
		
			<a name="page_top"></a>
			<div id="wrapper">
			
			<div id="main" class="container_12">
		  		<ui:include src="team_header.xhtml" />
		 		<div class="grid_12">
					
			
					<div class="grid_8 alpha">
					<div id="content">
						

						<h1 id="h1">悉尼快乐足球: Players &amp; Team Members</h1>
						<span id="smallbadge_container"></span>
						<div class="clear"></div>
						
						<div class="button-group">
					    	<a href="#new_member_form" class="button pill icon user" id="new_member_button" onclick="scrollToSignup();return false;" title="Invite a team member to Teamer.">Invite new member</a>
					  		<a href="/teams/371363-/player_csv_files/new" class="button pill icon log " title="Import team members from a spreadsheet containing their contact info.">Import spreadsheet</a>
					  		<a href="/teams/371363-/members/import" class="button pill icon mail " title="Import team members from your email address book.">Import address book</a>
					  	
					  
					  </div>
					  
					  
					  <div style="float: right;margin-top:3px;"><span class="count">9</span> Members</div>
						<div class="clear"></div>
						
						<table id="members" class="gradient-style" style="table-layout:fixed;">
						  <thead>
						    <tr>
						      <th scope="col" style="width:143px; text-align: left">Name</th>
						      <th scope="col" style="width:177px; text-align: left">Contact Info</th>    
							    <th scope="col" style="width:140px">
							      <a name="status"></a>
							      <span class="show-to-admin show-to-organiser" style="display:none">
							        
						  <span id="member_group_filter_header_element" style="float:left;">
						    <form action="#" id="member_group_filter_form" style="margin-bottom: -6px;">
						      <label for="group_filter"></label>
						      <select id="member_group_filter" name="group_id" style="margin: -1px 0 0;"><option value="-2">+manage groups+</option>
						<option value="-1">+create group+</option>
						<option value="0" selected="selected">All</option>
						<option value="2">organiser</option>
						<option value="1">co-organiser</option>
						<option value="3">player</option></select>
						    </form>
						  </span>
						  <span id="new_group_for_team" style="display:none">
						    <form action="/teams/371363-/create_group" class="uniForm" method="post"><div style="margin:0;padding:0;display:inline"><input name="authenticity_token" type="hidden" value="7OT8mHNhdm9YmmZOaafAXZcRs91LDjufzEB7PRRcY2Q=" /></div>
						  <fieldset class="blockLabels">		
								<div class="ctrlHolder">
									<label for="team_new_group_name">new group name</label>
									<input class="textInput text" id="group_name" maxlength="30" name="group[name]" size="30" type="text" />
									<p class="formHint">30 characters max.</p>
								</div>
							</fieldset>
							<div class="buttonHolder">
								<input class="primaryAction submit" name="commit" type="submit" value="CREATE" /> or <a href="#" onClick="Modalbox.hide()">cancel</a>
							</div>
						</form>
						  </span>
						
						
							      </span>
						      </th>
									<th scope="col" style="width:94px; text-align: left;">
									  <span class="show-to-admin show-to-organiser" style="display:none">Manage</span>
									</th>
						    </tr>
						  </thead>
						  
						  <tfoot>
							<tr>
								<td colspan="4">
									<a href="#page_top">&uarr; Back to Top</a><br/>
								</td>
							</tr>
						</tfoot>
						  
						  <tbody id="members_body">
    
							
							<tr class=odd id="member-7570663">
							  <td>
									<span class="tiny_avatar"><a href="/teams/371363-/members/7570663-fionn-wang" title="View Fionn's profile"><img alt="100apple_img_0790" class="shadow_thumb_tiny" src="/system/avatars/7570663/thumb/100APPLE_IMG_0790.JPG?1329994053" /></a></span><span class="profile_link"><a href="/teams/371363-/members/7570663-fionn-wang" title="View Fionn's profile">Wang, Fionn</a></span>
									<span class="show-to-admin show-to-organiser" style="display:none">
										
									</span>
								</td>
							  <td>
							    <span class="show-to-admin show-to-organiser" style="display:none">
									  iamdawong@gmail.com<br/>
							    	0424 790 314
							    </span>
							    <span class="show-to-player" style="display:none">
									  iamdawong@gmail.com<br/>
							    	0424 790 314
							    </span>    
								</td>
							  <td id="group_details_for_7570663">
									
										<small>
											<strong>primary team organiser</strong><br/>
											added <span class='timeago' title='2012-02-23T10:46:13Z'>2012-02-23 10:46:13</span>
										</small>
									
							  </td>
								<td style="padding: 8px 6px 8px 6px;">
							  	<span class="show-to-admin show-to-organiser" style="display:none">
							  	  
									</span>
								</td>
							</tr>
						  
						  
						  <tr class=even id="member-7570953">
							  <td>
									<span class="tiny_avatar"><a href="/teams/371363-/members/7570953-fan-jin" title="View Fan's profile"><img alt="No_photo_tiny" class="shadow_thumb_tiny" src="/images/no_photo_tiny.png?1362105387" /></a></span><span class="profile_link"><a href="/teams/371363-/members/7570953-fan-jin" title="View Fan's profile">Jin, Fan</a></span>
									<span class="show-to-admin show-to-organiser" style="display:none">
										
									</span>
								</td>
							  <td>
							    <span class="show-to-admin show-to-organiser" style="display:none">
									  fjinss@gmail.com<br/>
							    	0432 425 046
							    </span>
							    <span class="show-to-player" style="display:none">
									  fjinss@gmail.com<br/>
							    	0432 425 046
							    </span>    
								</td>
							  <td id="group_details_for_7570953">
									
										<small>
											<strong>team co-organiser</strong><br/>
											added <span class='timeago' title='2012-02-23T11:08:27Z'>2012-02-23 11:08:27</span>
										</small>
									
							  </td>
								<td style="padding: 8px 6px 8px 6px;">
							  	<span class="show-to-admin show-to-organiser" style="display:none">
							  	  
							        
							        	  <div class="button-group">
							      			<a href="/teams/371363-/members/7570953-fan-jin" class="button small pill icon remove" onclick="if (confirm('Are you sure you want to remove Fan Jin from the team?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'delete'); f.appendChild(m);var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', '7OT8mHNhdm9YmmZOaafAXZcRs91LDjufzEB7PRRcY2Q='); f.appendChild(s);f.submit(); };return false;" title="Remove Fan from the team."></a> 
							      			<a href="/teams/371363-/members/7570953-fan-jin/edit" class="button small pill icon edit" title="Edit Fan's member info."></a>
							      			<a href="/teams/371363-/members/7570953-fan-jin/member_calendar" class="button small pill icon calendar-icon" title="Edit Fan's future availability."></a>
							          	</div>
							        
							  		
									</span>
								</td>
							</tr>
						  
						  
						  </tbody>
						  
						  
						  
			
			
					</div>
					</div>
			
			
			
			
				</div>
			</div>
			
			</div>
		
		
		
		
		
		
		</h:form>
		<ui:include src="../footer.xhtml" />

	</h:body>
</f:view>
</html>